<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>新增问卷</title>
    <Link rel="stylesheet" href="../css/editQues.css">

    <script type="text/javascript" src="../js/editQues.js"></script>
    <script type="text/javascript" src="../js/header.js"></script>
</head>

<body>
    <section class="main">
        <div class="title">
            <input type="text" class="addTitle" value="这里是标题">
        </div>
        <div class="addQues">
            <div class="line"></div>
            <div class="line" id="add">
                <p id="1p" style="float: left;position: relative;z-index: 10;left: 4%;">
                    &nbsp;Q1&nbsp;
                </p>
                <div class="single" id="1" name ="1" onclick="GetID(this)">
                        <div class="singleSel">
                           <p>&nbsp;&nbsp;&nbsp;单选题</p>
                            <div>&nbsp;</div>
                           <label><div><input type="radio" name = "1">选项一</div></label>
                           <label><div><input type="radio" name = "1">选项二</div></label>
                        </div>
                        <div class="singleP" id="location">
                            <p onclick="moveUpper()" >上移</p>
                            <p onclick="moveDown()">下移 </p>
                            <p onclick="addSingle()">复用</p>
                            <p onclick="del(1)">删除</p>
                        </div>
                </div>
                <p id="2p" style="float: left;position: relative;z-index: 10;left: 4%;">
                    &nbsp;Q2&nbsp;
                </p>
                <div class="multiple" id="2" name = "2" onclick="GetID(this)">
                        <div class="singleSel">
                           <p>&nbsp;&nbsp;&nbsp;多选题</p>
                            <div>&nbsp;</div>
                           <label><div><input type="checkbox" name="2">选项一</div></label>
                           <label><div><input type="checkbox" name="2">选项二</div></label>
                           <label><div><input type="checkbox" name="2">选项三</div></label>
                           <label><div><input type="checkbox" name="2">选项四</div></label>
                        </div>
                        <div class="singleP">
                            <p onclick="moveUpper()">上移</p>
                            <p onclick="moveDown()">下移</p>
                            <p onclick="addMultiple()">复用</p>
                            <p onclick="del(2)">删除</p>
                        </div>
                </div>
                <p id="3p" style="float: left;position: relative;z-index: 10;left: 4%;">
                    &nbsp;Q3&nbsp;
                </p>
                <div class="text" id="3" name = "3" onclick="GetID(this)">
                        <p class="TextTitle singleSel">&nbsp;&nbsp;&nbsp;文本题</p>
                    <div>&nbsp;</div>
                        <label><div class="check"><input type="checkbox">此题是否必填</div></label>
                        <input type="text" class="textContent">
                        <div class="singleP">
                            <p onclick="moveUpper()">上移</p>
                            <p onclick="moveDown()">下移</p>
                            <p onclick="addText()">复用</p>
                            <p onclick="del(3)">删除</p>
                        </div>
                </div>
            </div>
            </div>
            <div class="select" id="select">
                <button type="button" onclick="addSingle()">&nbsp;单选</button>
                <button type="button" onclick="addMultiple()">&nbsp;多选</button>
                <button type="button" onclick="addText()">&nbsp;文本题</button>
            </div>
            <div class="add" id="showSelect"> + &nbsp;&nbsp;&nbsp;&nbsp;添加问题</div>
            <div class="line"></div>
        <div class="footer">
            <div class="time">
                问卷截至日期
                <input type="date" id="endDateValue">
            </div>
            <button type="button" onclick="showDelete()">保存问卷</button>
            <button type="button" onclick="showDelete()">发布问卷</button>
        </div>
    </section>
    <footer>
        <div class="saveQuestionBc"></div>
        <div class="saveQuestionList" id="saveQuestionList">
            <div class="top">
                <p class="tip">提示</p>
                <img onclick="hideDelete()" src="../img/close.svg">
            </div>
            <p class="content" id="del_confirm">是否发布问卷？</p>
            <p id="endDate" class="content"></p>
            <button type="button"  onclick="hideDelete()">确认</button>
            <button type="button"  onclick="hideDelete()">取消</button>
        </div>
    </footer>
</body>

</html>